<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>我的</title>
</head>

<body>
    <main>
        <!-- 头部头像部分 -->
        <a href="./msgchange.html" class="head">
            <div class="headbox">
                <img id="portrait" src="../../assets/imgs/ing.gif" alt="">
                <span class="f20" id="nickname"></span>
                <i class="iconfont icon-youjiantou1"></i>
            </div>
            <p class="sign">个性签名: <span id="desc"></span></p>
        </a>
        <!-- 灰色横杠 -->
        <div class="partingline"></div>
        <!-- 个人动态 -->
        <a href="./dynamic.html">
        <div class="mydongtai">
            <span class="f18"><span class="f22 iconimg iconfont icon-danganku"></span>个人动态</span>
            <span class="f16"> <span id="circlesCount">10</span> 条<span class="f22 iconfont icon-youjiantou1"></span></span>
        </div></a>
        <!-- 灰色横杠 -->
        <div class="partingline"></div>
        <!-- 运动数据 -->
        <a href="./sportsdata.html">
        <div class="sportnum">
            <div class="mydongtai">
                <span class="f18"><span class="f22 iconimg iconfont icon-tongji"></span>运动数据</span>
                <span class="f22 iconfont icon-youjiantou1"></span>
            </div>
            <ul class="sportul dpflex">
                <li>
                    <p>总运动</p>
                    <p><span id="sum7Duration"></span>分钟</p>
                </li>
                <li>
                    <p>本周消耗</p>
                    <p><span id="sum7Calorie"></span>千卡</p>
                </li>
            </ul>
        </div>
    </a>
        <!-- 灰色横杠 -->
        <div class="partingline"></div>
        <!-- 运动徽章 -->
        <a href="">
        <div class="badge">
            <div class="mydongtai">
                <span class="f18">
                    <span class="f22 iconimg iconfont icon-medal"></span>
                    我的运动徽章</span>
                <span class="f22 iconfont icon-youjiantou1"></span>
            </div>
            <!-- 徽章 -->
            <ul id="badgeul" class="ul dpflex">
                <li><img src="/src/assets/imgs/mybadge01.jpg" alt=""></li>
                <li><img src="../../assets/imgs/mybadge02.jpg" alt=""></li>
                <li><img src="../../assets/imgs/mybadge03.jpg" alt=""></li>
            </ul>
        </div></a>
        <!-- 灰色横杠 -->
        <div class="partingline"></div>
        <!-- 退出登录 -->
        <div class="exitlogin">
            <a href="./login.html">退出登录</a>
        </div>
        <!-- 灰色横杠 -->
        <div class="partingline"></div>
    </main>
</body>

</html>